<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小飞老师</title>
    <!-- <link rel="stylesheet" href="https://site-1314099117.cos.ap-guangzhou.myqcloud.com/css/base.css"> -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/base.css') }}">
    <link rel="stylesheet" href="{%  'base.css' %}">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>    
    <nav class="top-nav">
        <div class="nav-container">

            <ul class="nav-links">
                <li><a href="/"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="/tech"><i class="fas fa-code"></i> IT记录</a></li>
                <li><a href="/teach"><i class="fas fa-chalkboard-teacher"></i> IT教学</a></li>
                <li><a href="/reading"><i class="fas fa-book-reader"></i> 阅读记录</a></li>    
                <li><a href="/photo"><i class="fas fa-camera"></i> 照片</a></li>         
                <li><a href="http://blog.liufeisheng.cn"><i class="fas fa-blog"></i> 博客</a></li>
                <li><a href="/me"><i class="fas fa-user"></i> 关于我</a></li>
            </ul>
        </div>
    </nav>

    <div class="main-container">
        <aside class="sidebar left-sidebar">
            {% block left %}
            <div class="sidebar-section">
                <div class="section-box">
                    <h3 class="section-title"><i class="fas fa-newspaper"></i> 最新资讯</h3>
                    <div class="article-list">
                        {% block latest_news %}{% endblock %}
                    </div>
                </div>
                
                <div class="section-box">
                    <h3 class="section-title"><i class="fas fa-clock"></i> 最近文章</h3>
                    <div class="article-list">
                        {% block recent_articles %}{% endblock %}
                    </div>
                </div>
                
                <div class="section-box">
                    <h3 class="section-title"><i class="fas fa-list"></i> 文章列表</h3>
                    <div class="article-list">
                        {% block article_list %}{% endblock %}
                    </div>
                </div>
            </div>
            {% endblock %}
        </aside>

        <main class="main-content">
            {% block content %}
            {% endblock %}
        </main>

        <aside class="sidebar right-sidebar">
            {% block right %}
            <div class="sidebar-section">
                <div class="section-box">
                    <h3 class="section-title"><i class="fas fa-list-ul"></i> 本文目录</h3>
                    <div id="toc" class="toc-content">
                        {% block table_of_contents %}{% endblock %}
                    </div>
                </div>
        
                <div class="section-box">
                    <h3 class="section-title"><i class="fas fa-folder"></i> 分类专栏</h3>
                    <div class="category-list">
                        {% block categories %}{% endblock %}
                    </div>
                </div>
            </div>
            {% endblock %}
        </aside>
    </div>
    
    

    <footer class="site-footer">
        <div class="footer-content">
            <p>&copy;2024 小飞老师 <a href="http://beian.miit.gov.cn" style="color: aliceblue;"> 粤ICP备2024204428号</a></p>
        </div>
    </footer>
</body>
</html>
